<div id="right-sidebar" style="width: 300px; position: sticky; top: 20px; align-self: flex-start;">
    <div class="sidebar"
        style="background-color: #ffffff; border-radius: 10px; padding: 15px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);">
        <h3 style="margin-top: 0; padding-bottom: 10px; border-bottom: 1px solid #eee;">热门阅读</h3>
        <div class="popular-reads">
            <div class="read-item"
                style="padding: 12px 0; border-bottom: 1px dashed #eee; transition: all 0.3s ease; display: flex; align-items: center;">
                <span
                    style="display: inline-block; width: 24px; height: 24px; background-color: #007bff; color: white; border-radius: 50%; text-align: center; line-height: 24px; margin-right: 10px; font-size: 0.8rem;">1</span>
                <a href="https://blog.csdn.net/2301_79184230/article/details/136430423"
                    style="font-size: 0.95rem; color: #333; text-decoration: none; transition: all 0.3s ease; flex: 1;">牛客小白赛
                    Round 95 D-F题解</a>
                <i class="fas fa-angle-right" style="color: #ccc; transition: all 0.3s ease;"></i>
            </div>
            <div class="read-item"
                style="padding: 12px 0; border-bottom: 1px dashed #eee; transition: all 0.3s ease; display: flex; align-items: center;">
                <span
                    style="display: inline-block; width: 24px; height: 24px; background-color: #6c757d; color: white; border-radius: 50%; text-align: center; line-height: 24px; margin-right: 10px; font-size: 0.8rem;">2</span>
                <a href="https://blog.csdn.net/2301_79184230/article/details/136430423"
                    style="font-size: 0.95rem; color: #333; text-decoration: none; transition: all 0.3s ease; flex: 1;">Atcoder
                    Beginner Constest abc 343 A-F题解</a>
                <i class="fas fa-angle-right" style="color: #ccc; transition: all 0.3s ease;"></i>
            </div>
            <div class="read-item"
                style="padding: 12px 0; border-bottom: 1px dashed #eee; transition: all 0.3s ease; display: flex; align-items: center;">
                <span
                    style="display: inline-block; width: 24px; height: 24px; background-color: #28a745; color: white; border-radius: 50%; text-align: center; line-height: 24px; margin-right: 10px; font-size: 0.8rem;">3</span>
                <a href="https://blog.csdn.net/2301_79184230/article/details/136430423"
                    style="font-size: 0.95rem; color: #333; text-decoration: none; transition: all 0.3s ease; flex: 1;">牛客周赛Round
                    43 C-F题解</a>
                <i class="fas fa-angle-right" style="color: #ccc; transition: all 0.3s ease;"></i>
            </div>
            <div class="read-item"
                style="padding: 12px 0; transition: all 0.3s ease; display: flex; align-items: center;">
                <span
                    style="display: inline-block; width: 24px; height: 24px; background-color: #dc3545; color: white; border-radius: 50%; text-align: center; line-height: 24px; margin-right: 10px; font-size: 0.8rem;">4</span>
                <a href="https://blog.csdn.net/2301_79184230/article/details/136430423"
                    style="font-size: 0.95rem; color: #333; text-decoration: none; transition: all 0.3s ease; flex: 1;">AtCoder
                    Beginner Contest 346 A -E</a>
                <i class="fas fa-angle-right" style="color: #ccc; transition: all 0.3s ease;"></i>
            </div>
        </div>
    </div>
</div>